<!--
// +----------------------------------------------------------------------
// | Created by PHPstorm: JRKAdmin框架 [ JRKAdmin ]
// +----------------------------------------------------------------------
// | Copyright (c) 2019~2022 [LuckyHHY] All rights reserved.
// +----------------------------------------------------------------------
// | SiteUrl: http://www.luckyhhy.cn
// +----------------------------------------------------------------------
// | Author: LuckyHhy <jackhhy520@qq.com>
// +----------------------------------------------------------------------
// | Date: 2020/1/2-15:14
// +----------------------------------------------------------------------
// | Description:  
// +---------------------------------------------------------------------- 
*-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{$sys_name}后台管理系统_{$sys_version}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="{$sys_info.meta}">
    <meta name="description" content="{$sys_info.meta_describe}">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon"/>

    <link rel="stylesheet" href="__ADMIN__/css/oksub.css?v=1">

    <link rel="stylesheet" href="__ADMIN__/css/admin.css?v=1">

    <link href="__ADMIN__/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link rel="stylesheet" href="__ADMIN__/css/animate.min.css" media="all"/>

    <script src="__ADMIN__/js/jquery.min.js"></script>

    <!--js逻辑-->
    <script src="__PLUGS__/layui/layui.js"></script>

    <script type="text/javascript" src="__ADMIN__/js/okLoading.js"></script>

    <script type="text/javascript" src="__ADMIN__/other/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/other/echarts/echarts.theme.js"></script>
    <script type="text/javascript" src="__ADMIN__/other/echarts/world/js/china.js"></script>


</head>

<body class="ok-body-scroll console">

<div class="ok-body home">

    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    文章总数量
                    <span class="layui-badge layui-bg-blue layuiadmin-badge">篇</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">9</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    用户总数
                    <span class="layui-badge layui-bg-cyan layuiadmin-badge">个</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">7</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    留言总数
                    <span class="layui-badge layui-bg-green layuiadmin-badge">条</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">

                    <p class="layuiadmin-big-font">1</p>

                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    名言名句
                    <span class="layui-badge layui-bg-orange layuiadmin-badge">条</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">5</p>
                </div>
            </div>
        </div>

    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="ok-card-title">用户排行榜</div>
                </div>
                <div class="ok-card-body map-body">
                    <div style="height: 100%;" id="userSourceMap"></div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="ok-card-title">用户访问</div>
                </div>
                <div class="ok-card-body map-body">
                    <div class="progress-box ">
                        <div class="pro-head">
                            <img src="../images/face.jpg" alt="none"/>
                        </div>
                        <div class="pro-data">
                            <h4 class="por-title">Visits</h4>
                            <div class="por-txt pro-a">用户比例</div>
                            <div class="layui-progress" lay-filter="pro-a">
                                <div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
                            </div>
                        </div>
                    </div>

                    <div class="progress-box ">
                        <div class="pro-head">
                            <img src="../images/face.jpg" alt="none"/>
                        </div>
                        <div class="pro-data">
                            <h4 class="por-title">Visits</h4>
                            <div class="por-txt pro-a">用户比例</div>
                            <div class="layui-progress" lay-filter="pro-b">
                                <div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
                            </div>
                        </div>
                    </div>

                    <div class="progress-box ">
                        <div class="pro-head">
                            <img src="../images/face.jpg" alt="none"/>
                        </div>
                        <div class="pro-data">
                            <h4 class="por-title">Visits</h4>
                            <div class="por-txt pro-c">用户比例</div>
                            <div class="layui-progress" lay-filter="pro-c">
                                <div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
                            </div>
                        </div>
                    </div>

                    <div class="progress-box ">
                        <div class="pro-head">
                            <img src="../images/face.jpg" alt="none"/>
                        </div>
                        <div class="pro-data">
                            <h4 class="por-title">Visits</h4>
                            <div class="por-txt pro-d">用户比例</div>
                            <div class="layui-progress" lay-filter="pro-d">
                                <div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">

        <!--作者语录-->
        <div class="layui-col-sm6 layui-col-md6">

            <div class="layui-card">
                <div class="layui-card-header">
                    作者心语
                    <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
                </div>
                <div class="layui-card-body layui-text layadmin-text">
                    <p>感谢一路走来有你的陪伴，在未来的道路上，我会更加努力，争取把最好的东西呈献给最可爱的你们。</p>
                    <p>请尊重JRKAdmin开发者的劳动成果，请别将该源码上传到任何的素材网站进行售卖！一经发现将追究责任！</p>
                    <p>感谢 <a href="http://ok-admin.xlbweb.cn/" target="_blank" >ok-admin</a >优秀的后台模板。</p>
                    <p>—— JRKAdmin（<a href="http://www.luckyhhy.cn/" target="_blank">luckyhhy.cn</a>）</p>
                </div>
            </div>


        </div>

        <!--版本信息-->
        <div class="layui-col-sm6 layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">版本信息</div>
                <div class="layui-card-body layui-text">
                    <table class="layui-table">
                        <colgroup>
                            <col width="100">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>当前版本</td>
                            <td>
                                {$sys_name}_{$sys_version}
                            </td>
                        </tr>
                        <tr>
                            <td>基于框架</td>
                            <td>
                                <a href="https://www.layui.com/" target="_blank">layui-2.5.4</a> + <a href="http://www.thinkphp.cn/" target="_blank">Thinkphp5.1.39</a>
                            </td>
                        </tr>
                        <tr>
                            <td>运行环境</td>
                            <td>
                                <p>Linux&nbsp;PHP7.1.29&nbsp;nginx/1.16.0                                Mysql: 5.7.26-log                               </p>
                            </td>
                        </tr>
                        <tr>
                            <td>Gitee地址</td>
                            <td><p><a href="https://gitee.com/luckygyl/JrkAdmin" target="_blank">
                                <img src="https://gitee.com/luckygyl/JrkAdmin/badge/star.svg?theme=dark" alt="star"></a>
                                <a href="https://gitee.com/luckygyl/JrkAdmin" target="_blank">
                                    <img src="https://gitee.com/luckygyl/JrkAdmin/badge/fork.svg?theme=dark" alt="fork">
                                </a></p></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


    </div>


</div>

<script type="text/javascript" src="__ADMIN__/js/console.js"></script>
<script >
    okLoading.close();
</script >
</body>

</html>